/*--           CSS MODS BY MARK JOSEPH RIVERA - FEBRUARY 14, 2012            --*/
/*-----------------------------------------------------------------------------*/



/*## DEFAULT LAYOUT CONFIGURATION
######################################*/

@import 'class';
@import 'emulateIE';

html { min-height:100%; *overflow-x:hidden; }
body { background:#000 url(../images/bg_body.jpg) no-repeat top center; 

	//Multi-Wrappers
	.wrap { clear:both; float:left; width:100%; margin:0;
		&.header { min-height:1%; max-height:115px; }
		&.footer { min-height:1%; max-height:200px; }
		
		&.page { min-height:1%; max-height:100%; }
	}

	header, footer, #main { position:relative; width:1060px; margin:auto; }

	ul { line-height:18px; margin:10px 0 10px 25px; }
	a { color:#444; text-decoration:none;
		&:focus,
		&:active { color:#333; }
		&:hover  { color:#CCC; }
	}
	
	header {
		#hdrLogo { position:absolute; top:0; left:0; display:block; background:url(../images/hdr_logo.png) no-repeat; width:311px; height:106px; }
	}
	
	nav {
		&[menunav] { float:right; background:url(../images/mn/usernav.png) no-repeat; width:572px; height:115px;
			ul { float:left; position:relative; top:-20px; list-style:none; width:572px; height:115px; margin:0;
				li { float:left; width:114px; margin-right:1px;
					&.panel1 {
						a { display:block; width:inherit; height:115px; }
					}
					&.panel2 { position:relative; width:227px; margin-right:0;
						dl { width:207px; margin:0; padding-left:20px;
							dt, dd { position:relative; margin:0; padding:0; }
							dt { font:16px MyriadProBold; color:#999; text-transform:uppercase; text-align:right; margin-top:55px;
								a { display:block; font-size:11px; color:#20b57b; }
							}
							dd { text-align:right; margin-top:5px;
								img { display:inline; vertical-align:baseline; margin-right:75px; }
								  a { display:inline; font-size:16px; color:#20b57b; text-transform:capitalize; }
							}
						}
						
						.user_notification { position:absolute; bottom:-65px; right:0; background:rgba(64,61,71,.75); font-size:12px; color:#FFF; width:200px; padding:5px 25px; .border-radius(0 0 5px 5px); z-index:100; }
					}
				}
			}
		}
	}
	
	footer { padding:10px 0;
		ul { float:left; list-style:none; width:100%; margin:0;
			li { position:relative; font-size:11px; text-transform:uppercase; padding:10px 0;
				&.col1 { width:50%;
					a { color:#666; margin-right:10px;
						&:hover { color:#20b57b; }
					}
					span { display:block; font-size:11px; text-transform:capitalize; }				
				}
				&.col2 { text-align:right; width:50%;
					img { position:relative; top:-2px; margin-left:2.5px; }
					a:first-child { margin-left:5px; }
				}
			}
		
			a[bugreport] { position:absolute; top:12px; left:375px; background:#222; padding:5px 20px; border:solid 2px #222; .border-radius(20px); .linear-gradient(#333,#000,100%); }
		}
	}
		
}



/*## DEFAULT SEARCH CONFIGURATION
######################################*/

.headsup_panel { float:left; list-style:none; width:100%; margin:80px 0 10px; 
	li { width:50%; }
	
	h1 { font:30px MyriadProBold; color:#BBB; text-transform:uppercase; margin:0 0 10px; }
	
	select { font-size:11px; text-transform:uppercase; width:200px; margin:0 0 5px; padding:8px 0; border:solid 1px #DDD; 
		.border-radius(3px); .linear-gradient(#FFF,#DDD,100%);
	}

	input[type=search] { position:relative; display:inline; width:200px; padding:8px 5px; border:solid 1px #666; vertical-align:top;
		&:focus { outline:inset 1px #20b57b; }
	}
	button { background:#333 url("") no-repeat 50% 50%; }
	button { display:inline; width:64px; height:32px; border:none; .border-radius(3px); .box-shadow(0,1px,1px,0,#666); }
}

.profile_panel { clear:both; float:left; background:transparent; width:1040px; margin:0; padding:10px; border:solid 10px #333; .border-radius(5px);
	
	.tab_button { position:relative; width:100%; margin:0;
		button { background:#333; font-size:15px; color:#20b57b; text-indent:10px; text-align:left; text-transform:uppercase; line-height:40px; width:220px; height:40px; margin:0 0 -1px; padding:0; border:none; cursor:pointer; .border-radius(5px 5px 0 0);
			&.smaller { font-size:13px; }
			&.active { background:#FFF; }
		}
	}
	ul.frame_content { float:left; position:relative; width:100%; min-height:700px; margin:0;
		> li { float:left; display:none; background:#FFF; list-style:none; width:inherit; min-height:700px; margin:0; padding:0; }
	
		.framebox_quick_profile { float:left; width:97.5%; padding:20px 1.25%;
			dl { float:left; width:100%; margin:0;
				dt,dd { float:left; width:auto; margin:0; padding:0; }
				
				dt { width:160px; margin-right:30px; }
				dd { width:820px; font-size:13px;
					h2 { font:45px sans-serif; margin-bottom:20px; }
					table { float:left; width:80%; margin:0;
						tr { width:100%; margin-bottom:10px; }
						td { text-transform:uppercase; vertical-align:top;
							span[blue] { color:#0090c4; vertical-align:baseline; }
						}
					}
				}
			}
		}
		
		.framebox_featured_subjects { clear:both; float:left; background:#000; width:100%; min-height:135px; padding:15px 0;
			dl { float:left; text-align:right; width:200px; padding-right:20px;
				dt { font:bold 18px sans-serif; color:#83e6ff; text-transform:uppercase; }
				dd { margin:60px 0 0; padding:0; }
			}
			table { width:70%;
				tr { border-bottom:solid 10px transparent; }
				td { margin-right:5px; }
			}
		}
		
		.framebox_main_profile { clear:both; float:left; width:100%;
			table { width:100%; padding:5px;
				td { padding:70px 0;
					&:first-child { font-size:14px; line-height:24px; padding:50px 30px; border-right:solid 2px #CCC;
						h4 { font-weight:bold; }
					}
				}
				dl { float:left; width:100%; margin:0;
					dt, dd { float:left; font-size:12px; margin:0; padding:0; }
					dt { font-weight:bold; text-align:right; line-height:14px; width:40%; padding-right:5%; }
					dd { width:55%; margin-bottom:10px; }
				}
			}
		}
	}

}



/*## DEFAULT EDIT PROFILE CONFIGURATION
######################################*/

#edit_profile { float:left; width:95%; margin:10px 0; padding:10px 2.5%;
	
	article { float:left; width:620px;
		.tab_button_child { position:relative; width:100%; margin:0; border-bottom:solid 2px #DDD;
			button { background:#DDD; font-size:14px; color:#FFF; text-indent:10px; text-align:left; text-transform:uppercase; line-height:40px; width:170px; height:40px; margin:0 0 -1px; padding:0; border:none; cursor:pointer; .border-radius(5px 5px 0 0);
				&:first-child { margin-left:10px; }
				&.smaller { font-size:13px; }
				&.active { background:#DDD; color:#33bee2; }
			}
		}
		ul.frame_content_child { float:left; position:relative; width:100%; min-height:700px; margin:0;
			> li { float:left; display:none; background:#FFF; list-style:none; width:inherit; min-height:700px; margin:0; padding:0; }
		}
		
		.user_info {
			table { margin:20px 0;
				td:first-child { text-align:right; width:30%; padding:4px 10px 0 0; }
				td { line-height:14px; padding-bottom:10px;
					input[type=text], input[type=password]
					{ width:300px; padding:5px; border:solid 1px #CCC; }
					small { display:block; font:italic 11px sans-serif; color:#999; }
				}
			}
			button { position:relative; display:block; font:14px MyriadProRegular; color:#FFF; text-transform:uppercase; text-align:center; line-height:34px; width:100px; height:30px; margin:0 auto; padding:0; border:none; .border-radius(5px); .linear-gradient(#8fc25b,#7fac42,100%); }
		}
		
		.about_info { 
			blockquote { font:italic 13px sans-serif; color:#333; width:500px; margin:20px auto; padding:0; }
			table { width:100%;
				td { padding:0 0 10px; }
				td:first-child { text-align:right; width:20%; padding:0 10px 0 0; }
				
				input[type=text], select, textarea { font-size:11px; text-transform:uppercase; width:400px; margin:0 0 5px; padding:5px 0; border:solid 1px #DDD; }
				textarea { height:50px; }
			}
			button { position:relative; display:block; font:14px MyriadProRegular; color:#FFF; text-transform:uppercase; text-align:center; line-height:34px; width:100px; height:30px; margin:20px auto; padding:0; border:none; .border-radius(5px); .linear-gradient(#8fc25b,#7fac42,100%); }
		}
		
		.subject_info {
			.featured_subject { width:100%; margin:20px 0;
				thead { background:#E8E8E8; width:100%; height:50px;
					td { padding:0 10px; vertical-align:middle;
						&:first-child { font:16px sans-serif; color:#33bee2; }
						a { display:inline-block; margin:0 20px; }
					}
				}
				tbody {
					td { width:50%;
						table { width:100%;
							td:first-child { width:10%; }
							td:nth-child(2) { width:75%; }
							td:nth-child(3) { width:15%; }
						}
					}
				}
			}
			
			.search_subject { position:relative; width:100%; margin:40px 0 10px;
				thead { background:#E8E8E8;
					td { position:relative; width:100%; padding:10px; }
					h2 { position:absolute; top:-15px; left:0; font:normal 11px sans-serif; color:#444; text-transform:uppercase; }
					
					fieldset { float:left; display:inline; width:auto; margin-right:20px; }
					input[type=search], select { font-size:11px; text-transform:uppercase; margin:0 0 5px; padding:5px 0; border:solid 1px #DDD; }
					input[type=search] { text-indent:10px; }
					button { background:#777; color:#FFF; margin-left:5px; padding:5px 15px; border:solid 1px #333; .border-radius(15px); .linear-gradient(#CCC,#777,100%); }
				}
				tbody {
					tr:first-child { border:solid transparent; border-width:5px 0;
						td { padding:5px 10px; }
					}
					
					tr.pagination { border-top:solid 2px #CCC;
						td { padding:5px 0; }
					}
					ul { float:left; list-style:none; width:auto; margin:0 0 20px 10px;
						li { float:left; text-align:center; width:84px; margin:0 17px; }
						
						label { display:block; font:16px sans-serif; color:#14b57b; width:auto; }
						small { display:block; font-size:11px; color:#444; margin:3px 0;}
					}
					button { position:relative; display:block; font:14px MyriadProRegular; color:#FFF; text-transform:uppercase; text-align:center; line-height:30px; width:100px; height:30px; margin:20px auto; padding:0; border:solid 2px #c2dea5; .border-radius(5px); .linear-gradient(#8fc25b,#7fac42,100%); }
				}
			}
		}
		

	}
	
	aside { float:right; background:#F5F5F5; width:320px; padding:15px; border:solid 1px #DDD;
		h1, h4, strong { font-weight:bold; color:#33bee2; }
		label { display:block; margin:0 0 20px; }
		dl { margin:0 0 0 20px;
			dt { position:relative; margin:0 0 20px;
				input[type=radio] { position:absolute; top:2px; left:-20px; }
			}
			dd { text-align:center; margin:0; padding:0;
				p { color:#33bee2; line-height:14px; margin:0 0 5px; }
			}
		
			ul { list-style:none;
				li { background:url(../images/icon_checkbox.jpg) no-repeat; margin:0 0 5px; padding:0 0 0 25px;
					&.nb { display:block; background:none; font:11px sans-serif; color:#222; text-transform:uppercase; margin-top:20px; }
				}
			}
			h4 { margin:0; }
			p { line-height:16px; color:#777; }
			span[blu] { color:#33bee2; }
		}
	}

}


/*## DEFAULT URT CONFIGURATION
######################################*/

#results { float:left; width:98%; margin:0; padding:1%;

	dl { float:left; width:auto; margin:5px 0;
		dt,dd { display:inline; margin:0; padding:0; }
		dt { font:20px sans-serif; padding:0 5px 0 220px; }
	}

	.search_panel { background:#EEE; width:168px; min-height:250px; margin-left:7.5px; padding:10px; border:double 1px #CCC;
		h2 { font:18px MyriadProRegular; }
		ul { list-style:none; margin:0 0 10px; padding-bottom:10px; border-bottom:solid 1px #CCC;
			li { position:relative; left:30px; margin-bottom:10px;
				span { position:absolute; top:0; left:-25px; background:#DDD; font-size:11px; color:#7b2c2c; padding:0 6px; cursor:pointer; .border-radius(30px); }
			}
		}
		a { display:block; font-size:11px; text-align:center; text-transform:uppercase; }
	}
	
	.results_box  { position:relative; width:230px; min-height:250px; margin-left:20px; padding:10px; border:solid 1px #CCC;		
		table { width:100%;
			tr { border-bottom:solid 5px transparent; }
		}
	}

	.pagination { clear:both; position:relative; width:auto; margin:10px 5px 0 0;
		a, span { display:inline-block; color:#444; margin-left:5px; }
	}
	
}

#search { clear:both; float:left; width:100%; margin:10px 0; padding-bottom:30px;

	.urt_info { position:relative; background:#F5F5F5; font-size:14px; text-align:center; width:825px; margin:auto; padding:10px; border:solid 1px #CCC; .border-radius(2px); }
	.urt_tag { float:left; font-size:26px; color:#7fac42; text-align:center; text-transform:uppercase; width:90%; margin:0 0 10px; padding:10px 5%;
		img { position:relative; top:2px; vertical-align:baseline; }
		span { display:inline; font:12px sans-serif; margin:0 10px 0 0; }
		span:first-child { margin-left:25px; }
	}
	.urt_fields { float:left; list-style:none; width:95%; margin:10px 0; padding:0 2.5%;
		li { width:auto;
			&.col1:first-child { width:375px; margin:0; }
			&.col1 { width:250px; margin:0 0 0 25px; }
		}
		
		table { width:100%; margin:20px 0;
			td:first-child { padding:0 10px 0 0; }
			label { display:block; margin:0 0 2px; }
			select { font-size:11px; text-transform:uppercase; width:200px; margin:0 0 5px; padding:5px 0; border:solid 1px #DDD; }
		}
	}
	
	hr { clear:both; width:100%; margin:0 0 10px; border-top:solid #33bee2; border-width:1px 0 0; }
	
	button { position:relative; display:inline-block; font:14px MyriadProRegular; color:#FFF; text-transform:uppercase; text-align:center; line-height:34px; width:100px; height:30px; margin:0 5px; padding:0; border:none; .border-radius(5px); .linear-gradient(#8fc25b,#7fac42,100%); }

}

#search_tag { clear:both; float:left; width:95%; margin:0; padding:2.5%;

	h1 { float:left; font:36px MyriadProRegular; color:#7fac42; text-transform:uppercase; width:100%; margin:0 0 20px; padding:0 0 10px; border-bottom:solid 1px #7fac42;
		img { margin:0 10px 0 0; vertical-align:baseline; }
	}
	
	.tag_tree_info { clear:both; font:bold 13px sans-serif; margin:0 0 20px;
		img { position:relative; top:-3px; }
	}
	
	#tree { clear:both; font:13px MyriadProLight; text-transform:uppercase; 
		a, strong { color:#444;
			&:hover { color:#7fac42; }
		}
		li { text-indent:10px; }
	}
	
	hr { clear:both; width:100%; margin:0 0 20px; border-top:solid #33bee2; border-width:1px 0 0; }
	
	button { position:relative; display:block; font:16px MyriadProRegular; color:#FFF; text-transform:uppercase; text-align:center; line-height:34px; width:100px; height:30px; margin:10px auto; padding:0; border:none; .border-radius(5px); .linear-gradient(#8fc25b,#7fac42,100%); }

}



/*## DEFAULT CHROME CONFIGURATION
######################################*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 

	.headsup_panel {  
		select { font-size:11px; text-transform:uppercase; margin:0 0 5px; padding:8px 2%; border:solid 1px #DDD; 
			-webkit-appearance: none;
		}
		select { background:url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%0C%80%00%00%00%40%08%02%00%00%00W%AEz%EF%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04%E5IDATx%DA%EC%DD%3DN%E3Z%18%06%E0%B1oD%82%A8%E8(%A8%D2Q%D2%D0%40%83%C4%12%D8%01%3Db%09P%81%A0%40%A2%60%05%D9%05%BB%A0%04%09!B%3A%9A%10%07%F2g%E7%22%90f(%98%E09%23Y7%E7%3EOi%1F%1FK_%FD%EA%FD%92%E9t%FA%03%00%00%00%00%00%00%00%00%80%3F%97%1A%01%00%00%00%00%00%00%00%00%40%98%9A%06%2C%00%00%00%00%00%00%00%00%20%0E%D5%A7%A14%60%01%00%00%00%00%00%00%00%00%04%D2%80%05%00%00%00%00%00%00%00%00DB%03%16%00%00%00%00%00%00%00%00%C0%DC%D0%80%05%00%00%00%00%00%00%00%00D%A2(%8A%8A%FF(%80%05%00%00%00%00%00%00%00%00D%C2%0AB%00%00%00%00%00%00%00%00%80%B9%A1%01%0B%00%00%00%00%00%00%00%00%88%84%15%84%00%00%00%00%00%00%00%00%00%81%AC%20%04%00%00%00%00%00%00%00%00%98%1B%1A%B0%00%00%00%00%00%00%00%00%80HXA%08%00%00%00%00%00%00%00%00%10%A8%FA4%94%00%16%00%00%00%00%00%00%00%00%10%09%0DX%00%00%00%00%00%00%00%00%00%81%AAOC%A5%86%0E%00%00%00%00%00%00%00%00%10F%03%16%00%00%00%00%00%00%00%00%10%09%2B%08%01%00%00%00%00%00%00%00%00%02U%9F%86%12%C0%02%00%00%00%00%00%00%00%00%22!%80%05%00%00%00%00%00%00%00%00%10%C8%0AB%00%00%00%00%00%00%00%00%80%40%1A%B0%00%00%00%00%00%00%00%00%00%02i%C0%02%00%00%00%00%00%00%00%00%08%A4%01%0B%00%00%00%00%00%00%00%00%20%90%06%2C%00%00%00%00%00%00%00%00%80%40%02X%00%00%00%00%00%00%00%00%00%81%AC%20%04%00%00%00%00%00%00%00%00%08%24%80%05%00%00%00%00%00%00%00%00%10%C8%0AB%00%00%00%00%00%00%00%00%80%40%1A%B0%00%00%00%00%00%00%00%00%00%02i%C0%02%00%00%00%00%00%00%00%00%084%3B%0Du%7B%7B%7Bzz%3A%18%0C%CA_%D8h4%F6%F6%F6677%F3%3C%FF%F2%40%D2%E9t%CC%1D%00%00%00%00%00%00%00%00%88%40%96e3%DE%26I2%18%0C%8E%8F%8F%EF%EE%EE%CA%DC%B6%BC%BC%7Cxx%D8l6_%5E%5EF%A3%D1%97%E9%AE%D4%D0%01%00%00%00%00%00%00%00%80%FF%83%E9t%BA%B8%B8xvv%B6%B3%B3%F3%ED%E1%F5%F5%F5V%AB%B5%B6%B66%99L~W%7F%F5%26y%7C%7C4Y%00%00%00%00%00%00%00%00%20%02%BD%5E%EF%DB3i%9A%D6%EB%F5%AB%AB%ABV%AB%F5%BBu%84%BB%BB%BB%FB%FB%FB%FD~%3F%CB%B2%B73%B3%02X%EDv%DB%DC%01%00%00%00%00%00%00%00%80%08%94%09%60%FDx%DFE%B8%B0%B0%D0n%B7%2F..%3A%9D%CE%E7W%8DF%E3%E8%E8hcc%23%7B7%1C%0E%BF%DC%3C%F8%EB%AA%87%87%07s%07%00%00%00%00%00%00%00%00%22%F0%FC%FC%5C%F2d%9A%A6%B5Zm2%99%9C%9F%9F___%7F%3C%5C%5D%5D%3D99YYY%E9%F5z%FD~%7F%3C%1E%17E1%FB%9E%7F%0E%0E%0E%CC%1D%00%00%00%00%00%00%00%00%88%C0p8%2Cyr%3A%9D%E6y%9E%A6%E9%F6%F6%F6h4%BA%B9%B9%D9%DA%DA%BA%BC%BC%AC%D5j%DDn7%CB%B2%B7%87%B3%BB%AF%3E%24%F7%F7%F7%E6%0E%00%00%00%00%00%00%00%00D%A0%7C%03%D6Oi%9A%D6%EB%F5n%B7%DBl6%C7%E3q%96e%AF%AF%AF%DF%16_%FDT%2B%93%D2%02%00%00%00%00%00%00%00%00%F8%EF%2B%1F%9C%FA%FC%C9%9B%A5%A5%A5%A7%A7%A7%3C%CF%CB%AC%1D%FCL%00%0B%00%00%00%00%00%00%00%00%88DX%1A*%7F%97%24I%C0%E7%02X%00%00%00%00%00%00%00%00%40%24%FE%26%0D%15%F6%AD%00%16%00%00%00%00%00%00%00%00%10%89%80%15%84%7FI%00%0B%00%00%00%00%00%00%00%00%88D%F5i(%01%2C%00%00%00%00%00%00%00%00%20%12%1A%B0%00%00%00%00%00%00%00%00%00%02i%C0%02%00%00%00%00%00%00%00%00%08%24%80%05%00%00%00%00%00%00%00%00%10%C8%0AB%00%00%00%00%00%00%00%00%80%40%D5%A7%A1RC%07%00%00%00%00%00%00%00%00%08%A3%01%0B%00%00%00%00%00%00%00%00%88%84%15%84%00%00%00%00%00%00%00%00%00%81%AAOC%09%60%01%00%00%00%00%00%00%00%00%91%10%C0%02%00%00%00%00%00%00%00%00%08T%FD%0A%C2%D4%D0%01%00%00%00%00%00%00%00%00%C2h%C0%02%00%00%00%00%00%00%00%00%22a%05!%00%00%00%00%00%00%00%00%40%A0%EA%D3PV%10%02%00%00%00%00%00%00%00%00%04%D2%80%05%00%00%00%00%00%00%00%00D%A2(%8A%8A%FF(%80%05%00%00%00%00%00%00%00%00D%C2%0AB%00%00%00%00%00%00%00%00%80%B9%A1%01%0B%00%00%00%00%00%00%00%00%88%84%06%2C%00%00%00%00%00%00%00%00%80%B9%A1%01%0B%00%00%00%00%00%00%00%00%88DQ%14%15%FF%F1_%01%06%00md%E2%BF%C9%C3%19%DA%00%00%00%00IEND%AEB%60%82") no-repeat right;
			-webkit-background-size: 1600px 32px;
		}
	}

	.framebox_quick_profile {
		span[blue] { position:relative; vertical-align:top;
			&.large { top:-2px; }
		}
	
	}

}










































































